<template>
	<view class="main">
		<u-sticky>
			<view class="top-warp" id='top-warp'>
				<!-- 营业额 -->
				<view class="card" v-if="typeId == operateTypeEnum.TURNOVER">
					<view class="title">{{typeId==operateTypeEnum.TURNOVER?'营业总额':''}}</view>
					<view class="total-amount">
						<view>
							<text style="color: white;">￥</text>
							<text class="price" v-if="typeId == operateTypeEnum.TURNOVER">
								{{displayBoolen?operationObj.turnover:'******'}}
							</text>
						</view>
						<view class="display" @click="displaySwitch">
							<u-icon v-if="displayBoolen" name="eye"></u-icon>
							<u-icon v-if="!displayBoolen" color="rgba(255, 255, 255, 0.6)" name="eye-off"></u-icon>
						</view>
					</view>
					<view class="price-card" v-if="typeId == operateTypeEnum.TURNOVER">
						<u-row>
							<u-col span="4">
								<view class="widht-ste">
									<text
										class="lingyuan">{{operationObj.turnoverOnLine?operationObj.turnoverOnLine:0}}</text>
									<text class="yaun">元</text>
									<view class="sizewswe">扫码收入</view>
								</view>
							</u-col>
							<u-col span="4">
								<view class="widht-ste">
									<text class="lingyuan">{{operationObj.cashMoney?operationObj.cashMoney:0}}</text>
									<text class="yaun">元</text>
									<view class="sizewswe">现金收入</view>
								</view>
							</u-col>
							<u-col span="4">
								<view class="widht-ste">
									<text
										class="lingyuan">{{operationObj.activityTurnover?operationObj.activityTurnover:0}}</text>
									<text class="yaun">元</text>
									<view class="sizewswe">活动收入</view>
								</view>
							</u-col>
						</u-row>
					</view>
				</view>
				<!-- 现金收入  扫码收入总额  活动收入 抖音核销 美团核销-->
				<view class="card" v-if="typeId == operateTypeEnum.CASH_INCOME || 
					typeId == operateTypeEnum.ONLINE_INCOME || 
					typeId == operateTypeEnum.ACTIVITY_INCOME ||
					typeId == operateTypeEnum.DOUYIN ||
					typeId == operateTypeEnum.MEITUAN">
					<view class="title">
						<text v-if="typeId == operateTypeEnum.CASH_INCOME">现金收入总额</text>
						<text v-else-if="typeId == operateTypeEnum.ONLINE_INCOME">扫码收入总额</text>
						<text v-else-if="typeId == operateTypeEnum.ACTIVITY_INCOME">活动营业总额</text>
						<text v-else-if="typeId == operateTypeEnum.DOUYIN">抖音核销总额</text>
						<text v-else-if="typeId == operateTypeEnum.MEITUAN">美团核销总额</text>
					</view>
					<view class="total-amount">
						<view>
							<text style="color: white;">￥</text>
							<text class="price" v-if="typeId == operateTypeEnum.CASH_INCOME">
								{{displayBoolen?operationObj.cashMoney:'******'}}
							</text>
							<text class="price" v-if="typeId == operateTypeEnum.ONLINE_INCOME">
								{{displayBoolen?operationObj.scanCodePayTotalTurnover:'******'}}
							</text>
							<text class="price" v-if="typeId == operateTypeEnum.ACTIVITY_INCOME">
								{{displayBoolen?operationObj.activityTurnover:'******'}}
							</text>
							<text class="price" v-if="typeId == operateTypeEnum.DOUYIN">
								{{displayBoolen?operationObj.turnoverDouYin:'******'}}
							</text>
							<text class="price" v-if="typeId == operateTypeEnum.MEITUAN">
								{{displayBoolen?operationObj.turnoverMeiTuan:'******'}}
							</text>
						</view>
						<view class="display" @click="displaySwitch">
							<u-icon v-if="displayBoolen" name="eye"></u-icon>
							<u-icon v-if="!displayBoolen" color="rgba(255, 255, 255, 0.6)" name="eye-off"></u-icon>
						</view>
					</view>
					<!-- 扫码收入 -->
					<view v-if="typeId == operateTypeEnum.ONLINE_INCOME" class="u-m-l-15 u-m-r-15">
						<u-grid :border="false" col="2">
							<u-grid-item>
								<view class="cash-card">
									<view class="u-flex u-row-between">
										<view>
											<text style="color: white;font-size: 18rpx;">￥</text>
											<text class="max-title">
												{{displayBoolen?operationObj.turnoverOnLine:'******'}}
											</text>
										</view>
									</view>
									<view class="min-title">线上扫码</view>
								</view>
							</u-grid-item>
							<u-grid-item>
								<view class="cash-card">
									<view class="u-flex u-row-between">
										<view>
											<text style="color: white;font-size: 18rpx;">￥</text>
											<text class="max-title">
												{{displayBoolen?operationObj.turnoverOfflineCollectionCode:'******'}}
											</text>
										</view>
									</view>
									<view class="min-title">线下扫码牌</view>
								</view>
							</u-grid-item>
						</u-grid>
					</view>
					<!-- 现金收款 -->
					<view v-if="typeId == operateTypeEnum.CASH_INCOME" class="u-m-l-15 u-m-r-15">
						<u-grid :border="false" col="2">
							<u-grid-item>
								<view class="cash-card">
									<view class="u-flex u-row-between">
										<view>
											<text style="color: white;font-size: 18rpx;">￥</text>
											<text class="max-title" v-if="typeId == operateTypeEnum.CASH_INCOME">
												{{displayBoolen?operationObj.manualTerminalCash:'******'}}
											</text>
										</view>
									</view>
									<view class="min-title">吧台</view>
								</view>
							</u-grid-item>
							<u-grid-item v-for="(item,index) in operationObj.statsStoreDeviceNoList" :key="index"
								@click="showCashPopupUp(item,index)">
								<view class="cash-card" v-if="item.selfServiceTerminalCash > 0">
									<view class="u-flex u-row-between">
										<view>
											<text style="color: white;font-size: 18rpx;">￥</text>
											<text class="max-title" v-if="typeId == operateTypeEnum.CASH_INCOME">
												{{displayBoolen?item.selfServiceTerminalCash:'******'}}
											</text>
										</view>
										<view class="u-p-r-30">
											<u-icon size="28rpx" color="#fff" name="arrow-right"></u-icon>
										</view>
									</view>
									<view class="min-title">
										<text v-if="item.deviceAlias">{{item.deviceAlias}}号_</text>
										<text v-if="item.deviceTypeName">{{item.deviceTypeName}}_</text>
										<text v-if="item.deviceNo">{{item.deviceNo}}</text>
									</view>
								</view>
							</u-grid-item>
						</u-grid>
					</view>
					<view class="price-card" v-if="typeId == operateTypeEnum.ACTIVITY_INCOME">
						<view class="u-flex u-row-around">
							<view class="widht-ste">
								<text class="lingyuan">{{operationObj.activityCancelledMoney}}</text>
								<text class="yaun">元</text>
								<view class="sizewswe">已核销</view>
							</view>
							<view class="widht-ste">
								<text class="lingyuan">{{operationObj.activityUnwrittenMoney}}</text>
								<text class="yaun">元</text>
								<view class="sizewswe">未核销</view>
							</view>
						</view>
					</view>
				</view>
				<!-- 出币合计  线上出币  现金出币 会员出币 抖音核销出币 美团核销出币 代币红包 -->
				<view class="card" v-if="typeId == operateTypeEnum.ISSUE_COINS_TOTAL || 
					typeId == operateTypeEnum.ON_LINE_ISSUE_COINS || 
					typeId == operateTypeEnum.CASH_ISSUE_COINS ||
					typeId == operateTypeEnum.MEMBER_COINS ||
					typeId == operateTypeEnum.DOUYIN_COINS ||
					typeId == operateTypeEnum.MEITUAN_COINS ||
					typeId == operateTypeEnum.ARTIFICIAL_COINS ||
					typeId == operateTypeEnum.WEIXIN_SECKILL_VERIFY ||
					typeId == operateTypeEnum.WEIXIN_GROUP_BUYING_VERIFY ||
					typeId == operateTypeEnum.WEIXIN_VOUCHER_VERIFY ||
					typeId == operateTypeEnum.COIN_MACHINE_VERIFY ||
					typeId == operateTypeEnum.GAME_COIN_RED_PACKET ||
					typeId == operateTypeEnum.DISTRIBUTE_BENEFIT ||
					typeId == operateTypeEnum.GROUP_BENEFIT"
					style="background: linear-gradient(to bottom right, rgba(96,112,255,0.8), rgba(96,112,255,1));">
					<view class="title">
						<text v-if="typeId==operateTypeEnum.ISSUE_COINS_TOTAL">
							出币总数
						</text>
						<text v-else-if="typeId==operateTypeEnum.ON_LINE_ISSUE_COINS">
							线上购币总数
						</text>
						<text v-else-if="typeId==operateTypeEnum.CASH_ISSUE_COINS">
							现金购币总数
						</text>
						<text v-else-if="typeId==operateTypeEnum.MEMBER_COINS">
							会员取币总数
						</text>
						<text v-else-if="typeId==operateTypeEnum.DOUYIN_COINS">
							抖音核销出币总数
						</text>
						<text v-else-if="typeId==operateTypeEnum.MEITUAN_COINS">
							美团核销出币总数
						</text>
						<text v-else-if="typeId==operateTypeEnum.ARTIFICIAL_COINS">
							人工出币总数
						</text>
						<text v-else-if="typeId==operateTypeEnum.COIN_MACHINE_VERIFY">
							微信核销出币总数
						</text>
						<text v-else-if="typeId==operateTypeEnum.WEIXIN_SECKILL_VERIFY">
							微信秒杀核销出币总数
						</text>
						<text v-else-if="typeId==operateTypeEnum.WEIXIN_GROUP_BUYING_VERIFY">
							微信拼团核销出币总数
						</text>
						<text v-else-if="typeId==operateTypeEnum.WEIXIN_VOUCHER_VERIFY">
							微信凭证核销出币总数
						</text>
						<text v-else-if="typeId==operateTypeEnum.GAME_COIN_RED_PACKET">
							代币红包总数
						</text>
						<text v-else-if="typeId==operateTypeEnum.DISTRIBUTE_BENEFIT">
							派发游戏币总数
						</text>
						<text v-else-if="typeId==operateTypeEnum.GROUP_BENEFIT">
							加群领币总数
						</text>
					</view>
					<view class="total-amount">
						<view class="u-flex">
							<view class="u-m-t-12">
								<image style="width: 18rpx;height: 18rpx;"
									:src="`${staticFileUrl}/image/stats/coin-white.png`" />
							</view>
							<view>
								<text class="price"
									v-if="typeId == operateTypeEnum.ISSUE_COINS_TOTAL">{{displayBoolen?operationObj.outCoinTotal:'******'}}</text>
								<text class="price"
									v-if="typeId == operateTypeEnum.ON_LINE_ISSUE_COINS">{{displayBoolen?operationObj.onLinePayOutCoinTotal:'******'}}</text>
								<text class="price"
									v-if="typeId == operateTypeEnum.CASH_ISSUE_COINS">{{displayBoolen?operationObj.offLinePayOutCoinTotal:'******'}}</text>
								<text class="price"
									v-if="typeId == operateTypeEnum.MEMBER_COINS">{{displayBoolen?operationObj.fetchMemberOutCoinTotal:'******'}}</text>
								<text class="price"
									v-if="typeId == operateTypeEnum.DOUYIN_COINS">{{displayBoolen?operationObj.douYinOutCoinTotal:'******'}}</text>
								<text class="price"
									v-if="typeId == operateTypeEnum.MEITUAN_COINS">{{displayBoolen?operationObj.meiTuanOutCoinTotal:'******'}}</text>
								<text class="price"
									v-if="typeId == operateTypeEnum.ARTIFICIAL_COINS">{{displayBoolen?operationObj.artificialOutCoinTotal:'******'}}</text>
								<text class="price"
									v-if="typeId == operateTypeEnum.WEIXIN_SECKILL_VERIFY">{{displayBoolen?operationObj.weiXinSeckillOutCoinTotal:'******'}}</text>
								<text class="price"
									v-if="typeId == operateTypeEnum.WEIXIN_GROUP_BUYING_VERIFY">{{displayBoolen?operationObj.weiXinGroupBuyingOutCoinTotal:'******'}}</text>
								<text class="price"
									v-if="typeId == operateTypeEnum.COIN_MACHINE_VERIFY">{{displayBoolen?operationObj.weiXinVerifyTotalCoin:'******'}}</text>
								<text class="price"
									v-if="typeId == operateTypeEnum.GAME_COIN_RED_PACKET">{{displayBoolen?operationObj.gameCoinRedPacketCoinTotal:'******'}}</text>
								<text class="price"
									v-if="typeId == operateTypeEnum.DISTRIBUTE_BENEFIT">{{displayBoolen?operationObj.distributeBenefitCoinTotal:'******'}}</text>
								<text class="price"
									v-if="typeId == operateTypeEnum.GROUP_BENEFIT">{{displayBoolen?operationObj.groupBenefitCoinTotal:'******'}}</text>
							</view>
						</view>
						<view class="display" @click="displaySwitch">
							<u-icon v-if="displayBoolen" name="eye"></u-icon>
							<u-icon v-if="!displayBoolen" name="eye-off"></u-icon>
						</view>
					</view>
					<view class="price-card" v-if="typeId == operateTypeEnum.ISSUE_COINS_TOTAL">
						<u-row>
							<u-col span="4">
								<view class="widht-ste">
									<text
										class="lingyuan">{{operationObj.onLinePayOutCoinTotal?operationObj.onLinePayOutCoinTotal:0}}</text>
									<text class="yaun">币</text>
									<view class="sizewswe">线上购币</view>
								</view>
							</u-col>
							<u-col span="4">
								<view class="widht-ste">
									<text
										class="lingyuan">{{operationObj.offLinePayOutCoinTotal?operationObj.offLinePayOutCoinTotal:0}}</text>
									<text class="yaun">币</text>
									<view class="sizewswe">现金购币</view>
								</view>
							</u-col>
							<u-col span="4">
								<view class="widht-ste">
									<text
										class="lingyuan">{{operationObj.fetchMemberOutCoinTotal?operationObj.fetchMemberOutCoinTotal:0}}</text>
									<text class="yaun">币</text>
									<view class="sizewswe">会员取币</view>
								</view>
							</u-col>
						</u-row>
						<u-row customStyle="margin-top: 10px">
							<u-col span="4">
								<view class="widht-ste">
									<text
										class="lingyuan">{{operationObj.douYinOutCoinTotal?operationObj.douYinOutCoinTotal:0}}</text>
									<text class="yaun">币</text>
									<view class="sizewswe">抖音核销</view>
								</view>
							</u-col>
							<u-col span="4">
								<view class="widht-ste">
									<text
										class="lingyuan">{{operationObj.meiTuanOutCoinTotal?operationObj.meiTuanOutCoinTotal:0}}</text>
									<text class="yaun">币</text>
									<view class="sizewswe">美团核销</view>
								</view>
							</u-col>
							<u-col span="4">
								<view class="widht-ste">
									<text
										class="lingyuan">{{operationObj.artificialOutCoinTotal?operationObj.artificialOutCoinTotal:0}}</text>
									<text class="yaun">币</text>
									<view class="sizewswe">人工出币</view>
								</view>
							</u-col>
						</u-row>
						<u-row customStyle="margin-top: 10px">
							<u-col span="4">
								<view class="widht-ste">
									<text
										class="lingyuan">{{operationObj.weiXinVerifyTotalCoin?operationObj.weiXinVerifyTotalCoin:0}}</text>
									<text class="yaun">币</text>
									<view class="sizewswe">微信核销</view>
								</view>
							</u-col>
						</u-row>
						<!-- <u-row customStyle="margin-top: 10px">
							<u-col span="4">
								<view class="widht-ste">
									<text
										class="lingyuan">{{operationObj.weiXinSeckillOutCoinTotal?operationObj.weiXinSeckillOutCoinTotal:0}}</text>
									<text class="yaun">币</text>
									<view class="sizewswe">微信秒杀核销</view>
								</view>
							</u-col>
							<u-col span="4">
								<view class="widht-ste">
									<text
										class="lingyuan">{{operationObj.weiXinGroupBuyingOutCoinTotal?operationObj.weiXinGroupBuyingOutCoinTotal:0}}</text>
									<text class="yaun">币</text>
									<view class="sizewswe">微信拼团核销</view>
								</view>
							</u-col>
							<u-col span="4">
								<view class="widht-ste">
									<text
										class="lingyuan">{{operationObj.weiXinVoucherOutCoinTotal?operationObj.weiXinVoucherOutCoinTotal:0}}</text>
									<text class="yaun">币</text>
									<view class="sizewswe">微信凭证核销</view>
								</view>
							</u-col>
						</u-row> -->
					</view>
				</view>
				<!-- 投币合计  线上投币  线下投币 -->
				<view class="card"
					v-if="typeId == operateTypeEnum.COIN_COINS_TOTAL || typeId == operateTypeEnum.ON_LINE_COIN || typeId == operateTypeEnum.OFFLINE_COIN"
					style="background: linear-gradient(to bottom right,rgba(13,184,235,1),rgba(13,92,235,0.7));">
					<view class="title">
						<text v-if="typeId==operateTypeEnum.COIN_COINS_TOTAL">
							投币合计总数
						</text>
						<text v-else-if="typeId==operateTypeEnum.ON_LINE_COIN">
							线上投币总数
						</text>
						<text v-else-if="typeId==operateTypeEnum.OFFLINE_COIN">
							线下投币总数
						</text>
					</view>
					<view class="total-amount">
						<view class="u-flex">
							<text class="price"
								v-if="typeId == operateTypeEnum.COIN_COINS_TOTAL">{{displayBoolen?operationObj.insertCoinTotal:'******'}}</text>
							<text class="price"
								v-if="typeId == operateTypeEnum.ON_LINE_COIN">{{displayBoolen?operationObj.insertCoinOnLine:'******'}}</text>
							<text class="price"
								v-if="typeId == operateTypeEnum.OFFLINE_COIN">{{displayBoolen?operationObj.insertCoinOffline:'******'}}</text>
						</view>
						<view class="display" @click="displaySwitch">
							<u-icon v-if="displayBoolen" name="eye"></u-icon>
							<u-icon v-if="!displayBoolen" name="eye-off"></u-icon>
						</view>
					</view>
					<view class="price-card" v-if="typeId == operateTypeEnum.COIN_COINS_TOTAL">
						<u-row>
							<u-col span="4">
								<view class="widht-ste">
									<text
										class="lingyuan">{{operationObj.insertCoinOnLine?operationObj.insertCoinOnLine:0}}</text>
									<text class="yaun">币</text>
									<view class="sizewswe">线上投币</view>
								</view>
							</u-col>
							<u-col span="4">
								<view class="widht-ste">
									<text
										class="lingyuan">{{operationObj.insertCoinOffline?operationObj.insertCoinOffline:0}}</text>
									<text class="yaun">币</text>
									<view class="sizewswe">线下投币</view>
								</view>
							</u-col>
						</u-row>
					</view>
				</view>
				<!-- 礼品消耗 -->
				<view class="card" v-if="typeId==operateTypeEnum.GIFT_CONSUME"
					style="background: linear-gradient(to bottom right,rgba(132, 218, 235, 1.0),rgba(135, 235, 210, 0.7));">
					<view class="title">{{typeId==operateTypeEnum.GIFT_CONSUME?'礼品消耗总数':''}}</view>
					<view class="total-amount">
						<view class="u-flex">
							<text class="price"
								v-if="typeId == operateTypeEnum.GIFT_CONSUME">{{displayBoolen?operationObj.giftConsume:'******'}}</text>
						</view>
						<view class="display" @click="displaySwitch">
							<u-icon v-if="displayBoolen" name="eye"></u-icon>
							<u-icon v-if="!displayBoolen" name="eye-off"></u-icon>
						</view>
					</view>
				</view>
				<!-- 自定义时间 -->
				<view class="u-m-t-20">
					<headData ref="hedeDataRef" :param="param" @params="getConfirmDate">
					</headData>
				</view>
				<!-- 选择，今天、昨天、本月、上月、今年 -->
				<view class="business-hotspot">
					<view v-for="(item, index) in dateStrSelectList" :key="index">
						<view class="dflex-c" :class="item.value == inds ? 'tag-sel' : 'tag'"
							@click="dateStrOpt(item.value)">
							{{item.name}}
						</view>
						<view :class="item.value == inds ? 'slider' : 'tag'"></view>
					</view>
				</view>

				<!-- 选场地 -->
				<view class="header-sort-site" @click="showSiteTitle()">
					<text class="title">{{param.siteTitle == '' ? '全部场地' : param.siteTitle}}</text>
					<u-icon v-if="!siteChecksShow" name="arrow-down-fill" color="#7D7D7F" size="10"
						class="header-sort-site-icon"></u-icon>
					<u-icon v-if="siteChecksShow" name="arrow-up-fill" color="#7D7D7F" size="10"
						class="header-sort-site-icon"></u-icon>
				</view>
				<merchantStoreSearchCheckbox ref="merchantStoreSearchCheckbox" :isShowToIn="siteChecksShow"
					@hideShow="closeSiteTitle()" @setSiteList="setSiteList" />
			</view>
		</u-sticky>
		<scroll-view scroll-y :style="[{height: height + 'px'}]" lower-threshold="200" @scrolltolower="reachBottom">
			<view v-if="list.length > 0">
				<view v-for="(item, index) in list" :key="index">
					<view v-if="typeId == operateTypeEnum.CASH_INCOME || 
						typeId == operateTypeEnum.ONLINE_INCOME || 
						typeId == operateTypeEnum.ACTIVITY_INCOME || 
						typeId == operateTypeEnum.TURNOVER" @click="navRecord(item)">
						<view class="card-list">
							<view class="shuoming">
								<view class="title">{{ item.body }}</view>
								<view class="yuan">{{ item.totalAmount }}元</view>
							</view>
							<view class="time u-flex u-row-between" v-if="item.outTradeNo">
								<view>平台单号：</view>{{item.outTradeNo}}
							</view>
							<view class="time u-flex u-row-between" v-if="item.payChannelOrderNo">
								<view>交易单号：</view>{{item.payChannelOrderNo}}
							</view>
							<view class="time u-flex-row u-row-between">
								<view>{{item.storeName}}</view>
								<view>
									<view>{{Date.parse(item.gmtPayment) | date('yyyy/mm/dd hh:MM:ss')}}</view>
								</view>
							</view>
							<view class="time u-flex-row u-row-between">
								<view class="device-info">
									<text v-if="item.deviceAlias">{{item.deviceAlias}}号_</text>
									<text v-if="item.deviceTypeName">{{item.deviceTypeName}}_</text>
									<text v-if="item.deviceNo">{{item.deviceNo}}</text>
									<text v-if="item.remarkName">（{{item.remarkName}}）</text>
								</view>
								<view class="nav-record">
									查看订单记录
								</view>
							</view>
						</view>
					</view>
					<!-- 美团核销和抖音核销金额订单 -->
					<view v-if="typeId == operateTypeEnum.MEITUAN || typeId == operateTypeEnum.DOUYIN"
						@click="navRecord(item)">
						<view class="card-list">
							<view class="shuoming">
								<view class="title">{{ item.body }}</view>
								<view class="yuan">{{ item.totalAmount }}元</view>
							</view>
							<view class="time u-flex u-row-between" v-if="item.outTradeNo">
								<view>平台订单号：</view>{{item.outTradeNo}}
							</view>
							<view class="time u-flex u-row-between" v-if="item.payChannelOrderNo">
								<view v-if="typeId == operateTypeEnum.MEITUAN">
									美团订单编号：
								</view>
								<view v-else-if="typeId == operateTypeEnum.DOUYIN">
									抖音订单编号：
								</view>
								<view v-else>
									交易单号：
								</view>
								{{item.payChannelOrderNo}}
							</view>
							<view class="time u-flex-row u-row-between">
								<view style="width: 50%">{{item.storeName}}</view>
								<view>{{Date.parse(item.gmtPayment) | date('yyyy/mm/dd hh:MM:ss')}}</view>
							</view>
							<view class="time u-flex-row u-row-between">
								<view class="device-info">
									<text v-if="item.deviceAlias">{{item.deviceAlias}}号_</text>
									<text v-if="item.deviceTypeName">{{item.deviceTypeName}}_</text>
									<text v-if="item.deviceNo">{{item.deviceNo}}</text>
									<text v-if="item.remarkName">（{{item.remarkName}}）</text>
								</view>
								<view class="nav-record">
									查看订单记录
								</view>
							</view>
						</view>
					</view>
					<!-- 礼品消耗 -->
					<view v-else-if="typeId==operateTypeEnum.GIFT_CONSUME">
						<view class="card-list">
							<view class="shuoming">
								<view class="title">{{ item.goodsName }}</view>
								<view class="yuan">{{ item.tuiLiIncrement}}个</view>
							</view>
							<view class="time u-flex-row u-row-between">
								<view>{{item.storeName}}</view>
								<view class="device-info">
									<text v-if="item.deviceAlias">{{item.deviceAlias}}号_</text>
									<text v-if="item.deviceTypeName">{{item.deviceTypeName}}_</text>
									<text v-if="item.deviceNo">{{item.deviceNo}}</text>
									<text v-if="item.remarkName">（{{item.remarkName}}）</text>
								</view>
							</view>
							<view class="time u-flex-row u-row-between">
								<view>{{Date.parse(item.createTime) | date('yyyy/mm/dd hh:MM:ss')}}</view>
							</view>
						</view>
					</view>
					<view v-else-if="
							typeId == operateTypeEnum.ISSUE_COINS_TOTAL
							|| typeId == operateTypeEnum.ON_LINE_ISSUE_COINS
							|| typeId == operateTypeEnum.CASH_ISSUE_COINS
							|| typeId == operateTypeEnum.COIN_COINS_TOTAL
							|| typeId == operateTypeEnum.ON_LINE_COIN
							|| typeId == operateTypeEnum.OFFLINE_COIN
							|| typeId == operateTypeEnum.MEMBER_COINS
							|| typeId == operateTypeEnum.DOUYIN_COINS
							|| typeId == operateTypeEnum.MEITUAN_COINS
							|| typeId == operateTypeEnum.ARTIFICIAL_COINS
							|| typeId == operateTypeEnum.WEIXIN_SECKILL_VERIFY
							|| typeId == operateTypeEnum.WEIXIN_GROUP_BUYING_VERIFY
							|| typeId == operateTypeEnum.WEIXIN_VOUCHER_VERIFY
							|| typeId == operateTypeEnum.COIN_MACHINE_VERIFY
							|| typeId == operateTypeEnum.GAME_COIN_RED_PACKET
							|| typeId == operateTypeEnum.DISTRIBUTE_BENEFIT
							|| typeId == operateTypeEnum.GROUP_BENEFIT
						  ">
						<!-- 会员取币  代币红包，加群福利，派发福利-->
						<template>
							<view class="card-list">
								<view class="u-flex u-row-between">
									<view style="font-size: 24rpx;color: rgba(0, 0, 0, 0.7)">
										<text style="font-weight: 400;font-size: 28rpx">
											<text v-if="typeId == operateTypeEnum.GAME_COIN_RED_PACKET
												|| typeId == operateTypeEnum.DISTRIBUTE_BENEFIT
												|| typeId == operateTypeEnum.GROUP_BENEFIT">+</text>
											<text v-else>-</text>
											<text>{{item.consume}}</text>
										</text>
										<text v-if="typeId == operateTypeEnum.MEMBER_COINS">（会员取币）</text>
										<text v-else-if="typeId == operateTypeEnum.GAME_COIN_RED_PACKET">（代币红包）</text>
										<text v-else-if="typeId == operateTypeEnum.DISTRIBUTE_BENEFIT">（派发福利）</text>
										<text v-else-if="typeId == operateTypeEnum.GROUP_BENEFIT">（加群福利）</text>
										<text
											v-else-if="consumeRecordTypeEnum.CONSUME == item.consumeRecordTypeId && item.coinType == 1">（线下投币）</text>
										<text
											v-else-if="consumeRecordTypeEnum.CONSUME == item.consumeRecordTypeId && item.coinType == 2">（线上投币）</text>
										<text
											v-else-if="consumeRecordTypeEnum.COIN_MACHINE == item.consumeRecordTypeId && item.coinType == 1">（现金支付出币）</text>
										<text
											v-else-if="consumeRecordTypeEnum.COIN_MACHINE == item.consumeRecordTypeId && item.coinType == 2">（线上支付出币）</text>
										<text v-else-if="consumeRecordTypeEnum.WEIXIN_SECKILL_VERIFY == item.consumeRecordTypeId
										|| consumeRecordTypeEnum.WEIXIN_GROUP_BUYING_VERIFY == item.consumeRecordTypeId
										|| consumeRecordTypeEnum.WEIXIN_VOUCHER_VERIFY == item.consumeRecordTypeId">（微信核销出币）</text>
										<text
											v-else-if="consumeRecordTypeEnum.COIN_MACHINE_DOUYIN_VERIFY == item.consumeRecordTypeId">（抖音核销出币）</text>
										<text
											v-else-if="consumeRecordTypeEnum.COIN_MACHINE_MEITUAN_VERIFY == item.consumeRecordTypeId">（美团核销出币）</text>
										<text
											v-else-if="consumeRecordTypeEnum.COUNT_OUT_COIN == item.consumeRecordTypeId">（人工出币）</text>
									</view>
									<view class="store-device">
										{{Date.parse(item.createTime) | date('yyyy-mm-dd hh:MM:ss')}}
									</view>
								</view>
								<view class="store-device u-flex-row u-row-between">
									<view style="max-width: 260rpx;">{{item.storeName}}</view>
									<view style="max-width: 300rpx;">
										<text v-if="item.deviceAlias">{{item.deviceAlias}}号_</text>
										<text v-if="item.deviceTypeName">{{item.deviceTypeName}}_</text>
										<text v-if="item.deviceNo">{{item.deviceNo}}</text>
										<text v-if="item.remarkName">（{{item.remarkName}}）</text>
									</view>
								</view>
								<view class="member-warp" v-if="item.memberId">
									<view class="u-flex">
										<image :src="item.headImgUrl" class="head-img" mode="aspectFit"></image>
										<view class="u-m-l-15 u-lint-ellipsis-1" style="max-width: 200rpx;">
											<text v-if="item.nickName && item.memberRemarkName">
												{{item.nickName}}_{{item.memberRemarkName}}
											</text>
											<text v-else-if="item.nickName">
												{{item.nickName}}
											</text>
											<text v-else-if="item.memberRemarkName">
												{{item.memberRemarkName}}
											</text>
										</view>
										<view class="member-text">
											ID：<text>{{item.memberId}}</text>
										</view>
									</view>
									<view class="record" v-if="typeId != operateTypeEnum.GAME_COIN_RED_PACKET
										&& typeId != operateTypeEnum.DISTRIBUTE_BENEFIT
										&& typeId != operateTypeEnum.GROUP_BENEFIT"
										 @click="navCoin(item)">查看记录</view>
								</view>
							</view>
						</template>
					</view>
				</view>
			</view>
			<u-empty v-else text="暂无数据" mode="list" icon="http://cdn.uviewui.com/uview/empty/list.png" />
			<u-loadmore v-if="list.length > 0" :status="loadmoreStatus" :loading-text="loadingText"
				:loadmore-text="loadmoreText" :nomore-text="nomoreText" height="70rpx" line=true>
			</u-loadmore>
		</scroll-view>
		<u-popup :show="showCashPopup" overlayStyle="background: rgba(0, 0, 0, 0.2);" @close="showCashPopup = false"
			round="20rpx" :closeOnClickOverlay="true" mode="center">
			<view style="width: 600rpx;">
				<view class="popup-title">
					<text v-if="deviceObj.deviceAlias">{{deviceObj.deviceAlias}}号_</text>
					<text v-if="deviceObj.deviceTypeName">{{deviceObj.deviceTypeName}}_</text>
					<text v-if="deviceObj.deviceNo">{{deviceObj.deviceNo}}</text>
				</view>
				<view style="text-align: center;" class="u-m-t-35">
					<text style="color: rgba(0, 0, 0, 0.7);font-size: 22rpx;">￥</text>
					<text class="moeny-title">{{deviceObj.selfServiceTerminalCash}}</text>
				</view>
				<view class="body">
					<view class="body-title">
						<u-row>
							<u-col span="4" textAlign="center">
								<view>面额</view>
							</u-col>
							<u-col span="4" textAlign="center">
								<view>张数</view>
							</u-col>
							<u-col span="4" textAlign="center">
								<view>总额</view>
							</u-col>
						</u-row>
					</view>
					<view class="body-content">
						<u-row>
							<u-col span="4" textAlign="center">
								<view>1元</view>
							</u-col>
							<u-col span="4" textAlign="center">
								<view class="title-flex-end u-m-r-34">{{deviceObj.oneYuanDenomination}}</view>
							</u-col>
							<u-col span="4" textAlign="center">
								<view class="title-flex-end">{{deviceObj.oneYuanDenominationTotal}}元</view>
							</u-col>
						</u-row>
						<u-row>
							<u-col span="4" textAlign="center">
								<view>5元</view>
							</u-col>
							<u-col span="4" textAlign="center">
								<view class="title-flex-end u-m-r-34">{{deviceObj.fiveYuanDenomination}}</view>
							</u-col>
							<u-col span="4" textAlign="center">
								<view class="title-flex-end">{{deviceObj.fiveYuanDenominationTotal}}元</view>
							</u-col>
						</u-row>
						<u-row>
							<u-col span="4" textAlign="center">
								<view>10元</view>
							</u-col>
							<u-col span="4" textAlign="center">
								<view class="title-flex-end u-m-r-34">{{deviceObj.tenYuanDenomination}}</view>
							</u-col>
							<u-col span="4" textAlign="center">
								<view class="title-flex-end">{{deviceObj.tenYuanDenominationTotal}}元</view>
							</u-col>
						</u-row>
						<u-row>
							<u-col span="4" textAlign="center">
								<view>20元</view>
							</u-col>
							<u-col span="4" textAlign="center">
								<view class="title-flex-end u-m-r-34">{{deviceObj.twentyYuanDenomination}}</view>
							</u-col>
							<u-col span="4" textAlign="center">
								<view class="title-flex-end">{{deviceObj.twentyYuanDenominationTotal}}元</view>
							</u-col>
						</u-row>
						<u-row>
							<u-col span="4" textAlign="center">
								<view>50元</view>
							</u-col>
							<u-col span="4" textAlign="center">
								<view class="title-flex-end u-m-r-34">{{deviceObj.fiftyYuanDenomination}}</view>
							</u-col>
							<u-col span="4" textAlign="center">
								<view class="title-flex-end">{{deviceObj.fiftyYuanDenominationTotal}}元</view>
							</u-col>
						</u-row>
						<u-row>
							<u-col span="4" textAlign="center">
								<view>100元</view>
							</u-col>
							<u-col span="4" textAlign="center">
								<view class="title-flex-end u-m-r-34">{{deviceObj.oneHundredYuanDenomination}}</view>
							</u-col>
							<u-col span="4" textAlign="center">
								<view class="title-flex-end">{{deviceObj.oneHundredYuanDenominationTotal}}元</view>
							</u-col>
						</u-row>
					</view>
				</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
	import headData from '@/components/head-data/head-data.vue'
	import merchantStoreSearchCheckbox from '@/components/merchant-store-search-checkbox/merchant-store-search-checkbox.vue'
	import $consumeRecordTypeEnum from "@/common/enum/consume-record-type.enum";
	export default {
		components: {
			headData,
			merchantStoreSearchCheckbox
		},
		data() {
			return {
				wxLogo: this.$configPath.staticFileUrl + '/image/member/wx-logo.png',
				aliLogo: this.$configPath.staticFileUrl + '/image/member/ali-logo.png',
				tikLogo: this.$configPath.staticFileUrl + '/image/member/tiktok-logo.png',
				typeId: 0,
				height: 0,
				inds: 0,
				operateTypeEnum: this.$operateTypeEnum,
				param: {
					startDateStr: '',
					endDateStr: '',
					siteTitle: '',
					dateType: 1,
					deviceNo: '',
				},
				title: '',
				displayBoolen: true,
				current: 0,
				showDay: false,
				showMonth: false,
				showCashPopup: false,
				siteChecksShow: false,
				staticFileUrl: this.$configPath.staticFileUrl,
				dateTime: {
					startYMD: '',
					endYMD: '',
					startYM: '',
					endYM: '',
				},
				operationObj: {
					cashMoney: 0,
					turnoverOnLine: 0,
					activityTurnover: 0,
					turnover: 0,

					oneYuanDenomination: 0,
					fiveYuanDenomination: 0,
					tenYuanDenomination: 0,
					twentyYuanDenomination: 0,
					fiftyYuanDenomination: 0,
					oneHundredYuanDenomination: 0,
					oneYuanDenominationTotal: 0,
					fiveYuanDenominationTotal: 0,
					tenYuanDenominationTotal: 0,
					twentyYuanDenominationTotal: 0,
					fiftyYuanDenominationTotal: 0,
					oneHundredYuanDenominationTotal: 0,

					giftConsume: 0,
					outCoinTotal: 0,
					onLinePayOutCoinTotal: 0,
					offLinePayOutCoinTotal: 0,
					weiXinSeckillOutCoinTotal: 0,
					weiXinGroupBuyingOutCoinTotal: 0,
					weiXinVoucherOutCoinTotal: 0,
					fetchMemberOutCoinTotal: 0,
					douYinOutCoinTotal: 0,
					meiTuanOutCoinTotal: 0,
					artificialOutCoinTotal: 0,

					insertCoinTotal: 0,
					insertCoinOnLine: 0,
					insertCoinOffline: 0,
					onLineOutCoinTotal: 0,
					turnoverDouYin: 0,
					turnoverMeiTuan: 0,
					activityCancelledMoney: 0,
					activityUnwrittenMoney: 0,

					weiXinVerifyTotalCoin: 0,
					manualTerminalCash: 0,
					statsStoreDeviceNoList: [],
					orderDenominationList: [],

					gameCoinRedPacketCoinTotal: 0,
					scanCodePayTotalTurnover: 0,
					turnoverOfflineCollectionCode: 0,
				},
				channelTypeEnum: this.$channelTypeEnum,
				dateStrSelectList: [{
						value: 0,
						name: '今天'
					},
					{
						value: 1,
						name: '昨天'
					},
					{
						value: 3,
						name: '本月'
					},
					{
						value: 5,
						name: '上月'
					},
					{
						value: 4,
						name: '今年'
					}
				],
				typeList: [{
						id: 1,
						name: "现金收入"
					},
					{
						id: 2,
						name: "扫码收入"
					},
					{
						id: 3,
						name: "活动收入"
					},
					{
						id: 4,
						name: "出币合计"
					},
					{
						id: 5,
						name: "线上购币"
					},
					{
						id: 6,
						name: "现金购币",
					},
					{
						id: 7,
						name: "投币合计",
					},
					{
						id: 8,
						name: "线上投币"
					},
					{
						id: 9,
						name: "线下投币"
					},
					{
						id: 10,
						name: "礼品消耗"
					},
					{
						id: 11,
						name: "礼品成本"
					},
					{
						id: 12,
						name: "出品率"
					},
					{
						id: 13,
						name: "营业额"
					},
					{
						id: 14,
						name: "美团核销"
					},
					{
						id: 15,
						name: "抖音核销"
					},
					{
						id: 18,
						name: "会员取币"
					},
					{
						id: 19,
						name: "抖音核销出币"
					},
					{
						id: 20,
						name: "美团核销出币"
					},
					{
						id: 21,
						name: "人工出币"
					},
					{
						id: 22,
						name: "微信秒杀核销出币"
					},
					{
						id: 23,
						name: "微信拼团核销出币"
					},
					{
						id: 24,
						name: "微信凭证核销出币"
					},
					{
						id: 25,
						name: "微信核销出币"
					},
					{
						id: 26,
						name: "代币红包"
					},
					{
						id: 27,
						name: "派发福利"
					},
					{
						id: 28,
						name: "加群福利"
					},
				],
				currentEnum: {
					DAY: 0,
					MONTH: 1,
				},
				mchStoreIdArray: [],

				loadmoreStatus: 'loadmore',
				loadingText: '努力加载中',
				loadmoreText: '轻轻上拉',
				nomoreText: '实在没有了',

				params: {
					pageNum: 1,
					pageSize: 10,
					totalPage: '',
				},
				list: [],
				consumeRecordTypeEnum: this.$consumeRecordTypeEnum,
				deviceObj: {}
			}
		},
		onLoad(option) {
			this.typeId = option.typeId
			console.log("onLoad", this.typeId)
			this.typeList.forEach(item => {
				if (option.typeId == item.id) {
					uni.setNavigationBarTitle({
						title: item.name
					});
				}
			})
			// console.log("onLoad", option)
			//日期
			this.param.startDateStr = option.startDateStr;
			this.param.endDateStr = option.endDateStr;

			//主页面选择的日期类别坐标
			this.inds = option.selectDayType
			if (option.selectDayType == 4) {
				this.inds = 5
			} else if (option.selectDayType == 5) {
				this.inds = 4
			}
			if (option.mchStoreId) {
				this.mchStoreIdArray.push(option.mchStoreId)
				setTimeout(() => {
					this.$refs.merchantStoreSearchCheckbox.initCheck(this.mchStoreIdArray);
				}, 2000)
			}
			if (option.deviceNo) {
				this.params.deviceNo = option.deviceNo
				console.log('有设备号了吗')
			}
			this.initData()
		},
		mounted() {
			const query = uni.createSelectorQuery().in(this);
			query.select('#top-warp').boundingClientRect(data => {
				this.height = uni.getSystemInfoSync().windowHeight - data.height;
			}).exec();
			this.height = this.height - 20;
		},
		methods: {
			// 查看订单记录
			navRecord(data) {
				// console.log('跳转数据',JSON.stringify(data))
				// this.$helpers.toast('查看订单记录');
				let type = this.typeId;
				let outTradeNo = '';
				if (this.typeId == this.$operateTypeEnum.CASH_INCOME) {
					outTradeNo = data.outTradeNo; //现金
				} else {
					outTradeNo = data.payChannelOrderNo; //其他
				}
				//营业额 列表区分普通订单和活动订单
				if (this.typeId == this.operateTypeEnum.TURNOVER) {
					if (data.activityTypeId > 0) {
						type = 3
						console.log('跳转数据', data.activityTypeId)
					} else {
						//判断现金data.outTradeNo为null
						if (this.$u.test.isEmpty(data.outTradeNo)) {
							outTradeNo = data.payChannelOrderNo;
						} else {
							outTradeNo = data.outTradeNo;
						}
						type = 1
					}
				}
				uni.navigateTo({
					url: "/pages-other/order/order"
						.concat("?typeId=").concat(type)
						.concat("&outTradeNo=").concat(outTradeNo)
						.concat("&startTime=").concat(data.updateTime)
				})
			},
			navCoin(item) {
				console.log('会员ID', item.memberId)
				if (this.$u.test.isEmpty(item.memberId)) {
					return
				}
				uni.navigateTo({
					url: "/pages-other/coin/coin"
						.concat("?memberId=").concat(item.memberId)
						.concat("&createTime=").concat(item.createTime)
						.concat("&consumeRecordTypeId=").concat(item.consumeRecordTypeId)
				})
			},
			showCashPopupUp(data, index) {
				this.deviceObj = data;
				this.showCashPopup = true
			},
			nav(data) {
				// console.log(data.merchantStoreId, "进入了吗", data.memberId)
				let url = '/pages-member/member/tokens-details/tokens-details'
				uni.navigateTo({
					url: url + '?memberId=' + data.memberId + '&merchantStoreId=' + data.merchantStoreId
				})
			},
			initData() {
				this.params.pageNum = 1;
				this.list = [];
				this.findStatsBranchData();
				this.findStatsBranchHead();
			},

			findStatsBranchData() {
				this.commonCheck();

				let params = {
					pageNum: this.params.pageNum,
					pageSize: this.params.pageSize,
					startDateStr: this.param.startDateStr,
					endDateStr: this.param.endDateStr,
					branchId: this.typeId,
					merchantStoreIdArray: this.mchStoreIdArray,
					dateType: this.inds,
					deviceNo: this.params.deviceNo
				}

				this.$api('statsUser.findStatsBranchData', params).then(res => {
					if (res.status == 0) {
						this.params.pageNum = res.data.pageNum;
						this.params.totalPage = res.data.pages;
						this.loadmoreStatus = res.data.pageNum === res.data.pages ? 'nomore' : 'loadmore';
						if (this.params.totalPage == 0) {
							this.loadmoreStatus = 'nomore';
						}
						this.list = [...this.list, ...res.data.list]; //合并数组
						// console.log(this.list.length,"cangu")
					} else {
						getApp().err('加载不成功:' + res.msg);
					}
				}).catch(() => {

				})
			},

			reachBottom() {
				if (this.params.pageNum >= this.params.totalPage) {
					return;
				};
				this.params.pageNum++;
				this.loadStatus = 'loading'
				this.findStatsBranchData();
			},

			commonCheck() {
				if (this.$u.test.isEmpty(this.param.startDateStr)) {
					getApp().err("开始时间飞到外太空啦");
					return
				}
				if (this.$u.test.isEmpty(this.param.endDateStr)) {
					getApp().err("结束时间飞到外太空啦");
					return
				}
				if (this.$u.test.isEmpty(this.typeId)) {
					getApp().err("分支ID飞到外太空啦");
					return
				}
			},

			findStatsBranchHead() {
				this.commonCheck();

				let params = {
					startDateStr: this.param.startDateStr,
					endDateStr: this.param.endDateStr,
					branchId: this.typeId,
					merchantStoreIdArray: this.mchStoreIdArray,
					dateType: this.inds,
					deviceNo: this.params.deviceNo
				}

				this.$api('statsUser.findStatsBranchHead', params).then(res => {
					if (res.status == 0) {
						this.operationObj = res.data;
						this.operationObj.statsStoreDeviceNoList = res.data.statsStoreDeviceNoList
						this.operationObj.orderDenominationList = res.data.orderDenominationList
					} else {
						getApp().err('加载不成功:' + res.msg);
					}
				}).catch(() => {

				})
			},

			// 从子组件中获取到确认的开始和结束日期
			getConfirmDate(data) {
				// console.log("data", data)
				this.inds = -1
				this.param.startDateStr = data.startDateStr
				this.param.endDateStr = data.endDateStr
				this.initData();
			},

			// 日期选择,今天,昨天,本月,上月,今年
			dateStrOpt(ind) {
				this.inds = ind;
				this.param.dateType = ind
				let time = this.$date.getTime();
				switch (this.param.dateType) {
					case 0:
						// 获取今天的日期
						this.param.startDateStr = this.$date.dateFormatYMD(new Date());
						this.param.endDateStr = this.$date.dateFormatYMD(new Date());
						break;
					case 1:
						// 获取昨天的日期
						this.param.startDateStr = this.$date.dateFormatYMD(time.startYesterday);
						this.param.endDateStr = this.$date.dateFormatYMD(time.startYesterday);
						break;
					case 2:
						// 获取本周的日期
						this.param.startDateStr = this.$date.dateFormatYMD(time.startWeek);
						this.param.endDateStr = this.$date.dateFormatYMD(new Date());
						break;
					case 3:
						// 获取本月的日期
						this.param.startDateStr = this.$date.dateFormatYMD(time.startThisMonth);
						this.param.endDateStr = this.$date.dateFormatYMD(new Date());
						break;
					case 4:
						// 获取今年的日期
						this.param.startDateStr = this.$date.dateFormatYMD(time.startThisYear);
						this.param.endDateStr = this.$date.dateFormatYMD(new Date());
						break;
					case 5:
						// 获取上月的日期
						this.param.startDateStr = this.$date.dateFormatYMD(time.startLastMonth);
						this.param.endDateStr = this.$date.dateFormatYMD(time.endLastMonth);
						break;
				}
				this.initData();
			},
			setSiteList(data) {
				this.mchStoreIdArray = data.merchantStoreIdArray;
				this.param.siteTitle = '已选中' + this.mchStoreIdArray.length + '个场地';
				this.initData();
			},
			showSiteTitle() {
				this.siteChecksShow = true;
			},
			closeSiteTitle() {
				this.siteChecksShow = false;
			},
			displaySwitch() {
				this.displayBoolen = !this.displayBoolen
			}
		}
	}
</script>

<style lang="scss">
	/deep/ .u-tabs__wrapper__nav__line {
		border-radius: 0rpx !important;
	}

	page {
		background-color: #FFFFFF !important;
	}

	/deep/ .u-grid-item {
		margin-top: 20rpx !important;
	}

	/deep/.u-safe-area-inset-bottom {
		padding-bottom: 0 !important;
	}

	.main {
		.popup-title {
			color: rgba(0, 0, 0, 0.8);
			font-size: 32rpx;
			letter-spacing: 1rpx;
			text-align: center;
			margin-top: 50rpx;

			.moeny-title {
				color: rgb(0, 0, 0);
				font-size: 32rpx;
				font-weight: 700;
				letter-spacing: 1rpx;
				margin-left: 5rpx;
			}
		}

		.body {
			margin: 35rpx 50rpx 50rpx 50rpx;
			background: rgba(255, 144, 19, 0.2);
			border-radius: 0rpx 0rpx 10rpx 10rpx;

			.body-title {
				background: rgb(255, 215, 170);
				border-radius: 10rpx;
				color: rgba(0, 0, 0, 0.7);
				font-size: 24rpx;
				font-weight: 700;
				letter-spacing: 1rpx;
				padding: 20rpx 0rpx;
			}

			.body-content {
				color: rgba(0, 0, 0, 0.7);
				font-size: 24rpx;
				letter-spacing: 1rpx;
				//padding: 20rpx 0rpx;
				line-height: 40px;
			}
		}

		.top-warp {
			padding: 30rpx 24rpx;
			background-color: white;

			.card {
				background: linear-gradient(to bottom right, rgba(255, 115, 4, 1), rgba(255, 150, 22, 1));
				border-radius: 20rpx;
				padding-bottom: 20rpx;

				.title {
					color: rgba(255, 255, 255, 0.7);
					font-size: 22rpx;
					letter-spacing: 0.5;
					padding: 20rpx 0rpx 0rpx 35rpx;
				}

				.total-amount {
					padding: 20rpx 30rpx;
					display: flex;
					justify-content: space-between;

					.display {
						width: 52rpx;
						height: 52rpx;
						background: rgba(255, 255, 255, 0.16);
						border-radius: 50%;
						display: flex;
						justify-content: center;
					}

					.price {
						color: rgb(255, 255, 255);
						font-size: 46rpx;
						padding-left: 10rpx;
					}
				}

				.cash-card {
					width: 280rpx;
					background: rgba(255, 255, 255, 0.16);
					border-radius: 20rpx;
					padding: 40rpx 20rpx;

					.min-title {
						color: rgba(255, 255, 255, 0.7);
						font-size: 24rpx;
						margin-top: 10rpx;
					}

					.max-title {
						color: rgb(255, 255, 255);
						font-size: 32rpx;
						font-weight: 700;
						margin-left: 5rpx;
					}
				}

				.price-card {
					background: rgba(255, 255, 255, 0.16);
					border-radius: 20rpx;
					margin: 0rpx 20rpx;
					padding: 20rpx 35rpx;

					.widht-ste {
						.sizewswe {
							color: rgba(255, 255, 255, 0.7);
							font-size: $uni-font-size-sm;
							letter-spacing: 0.5rpx;
							margin-top: 5rpx;
						}

						.lingyuan {
							font-size: 30rpx;
							color: white;
						}

						.yaun {
							color: white;
							font-size: 25rpx;
							padding-left: 10rpx;
						}
					}
				}
			}
		}

		.business-hotspot {
			display: flex;
			justify-content: space-between;
			padding: 16rpx 20rpx;

			/* 选中的样式 */
			.tag-sel {
				font-size: $f-base;
				color: #303133;
				font-weight: bold;
			}

			/* 未选中的样式 */
			.tag {
				font-size: $f-base;
				color: rgba(0, 0, 0, 0.7);
			}

			.slider {
				width: 50rpx;
				height: 10rpx;
				background: #6072FF;
				transform: rotate(-0.40deg);
				margin: 15rpx 0 0 4rpx;
				border-radius: 10rpx;
			}
		}

		.header-sort-site {
			display: flex;
			margin-top: 20rpx;
			padding: 0 20rpx;

			.title {
				color: rgba(0, 0, 0, 0.7);
				font-size: $uni-font-size-base;
				letter-spacing: 0.5rpx;
				margin-right: 20rpx;
			}

			.header-sort-site-icon {
				margin-left: $u-margin-mini;
			}
		}

		.image-32 {
			width: 32rpx;
			height: 32rpx;
		}

		.coin {
			text-align: right;
			color: rgba(0, 0, 0, 0.7);
			font-size: 32rpx;
		}

		.store-device {
			margin-top: 15rpx;
			color: rgb(120, 121, 123);
			font-size: 24rpx;
		}

		.member-warp {
			font-size: 28rpx;
			color: rgba(0, 0, 0, 0.5);
			margin-top: 20rpx;
			display: flex;
			justify-content: space-between;

			.member-text {
				border-left: 1rpx solid rgba(0, 0, 0, 0.5);
				margin-left: 10rpx;
				padding-left: 10rpx;
			}

			.record {
				color: rgb(96, 114, 255);
				font-size: 24rpx;
			}
		}

		.avatar {
			position: relative;

			// top:10rpx;
			.girl {
				position: absolute;
				right: 0;
				top: 56rpx;
			}
		}

		.card-list {
			background: rgb(250, 250, 250);
			border-radius: 20rpx;
			padding: 26rpx $u-padding-large;
			margin: 26rpx;
			font-size: $f-base;

			.head-img {
				width: 36rpx;
				height: 36rpx;
				border-radius: 50%;
			}

			.device-info {
				color: rgb(120, 121, 123);
				font-size: 26rpx;
				letter-spacing: 1rpx;
				width: 400rpx;
			}

			.nav-record {
				color: #6072FF;
			}

			.title {
				color: rgba(0, 0, 0, 0.9);
				font-size: 32rpx;
			}

			.shuoming {
				display: flex;
				justify-content: space-between;
				font-size: $uni-font-size-base;
				letter-spacing: 0.5rpx;

				.title {
					width: 450rpx;
					color: rgba(0, 0, 0, 0.7);
				}

				.yuan {
					color: rgba(0, 0, 0, 0.9);
				}
			}

			.time {
				color: rgba(0, 0, 0, 0.5);
				margin-top: 30rpx;
			}
		}
	}
</style>